<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/zhuce.css"/>
	<body>
		
		<!--头部-->
		<div id="nav">
			<a href=""><img src="images/首页_08.jpg" class="logo" /></a>
			<div id="text1">
				<input type="text" id="input1" />
				<input type="button" value="搜索" id="btn1" />
			</div>
			<div id="wenzi">

				<ul>
					<li>
						<a href="http://www.baidu.com">永痕</a>
					</li>
					<li>
						<a href="">浪漫</a>
					</li>
					<li>
						<a href="">一生</a>
					</li>
					<li>
						<a href="">爱情</a>
					</li>
					<li>
						<a href="">密语</a>
					</li>
				</ul>

			</div>
			<div id="right">
				<img src="images/首页_10.jpg" id="img1" />
				<img src="images/首页_03.jpg" id="img2" />
				<img src="images/首页_05.jpg" id="img3" />

			</div>
			<div id="select1">
				<form action="" method="get">
					<label>所有分类</label>
					<select name="所有分类">

						<option value="0"></option>
						<option value="1"></option>
					</select>
				</form>
			</div>
			<div id="nav1">
				<ul>
					<li>
						<a href="">首页</a>
					</li>
					<li>
						<a href="">裸钻</a>
					</li>
					<li>
						<a href="">钻戒定制</a>
					</li>
					<li>
						<a href="">定位产品</a>
					</li>
					<li>
						<a href="">黄金</a>
					</li>
					<li>
						<a href="">来图定制</a>
					</li>
					<li>
						<a href="">珠宝百科</a>
					</li>
				</ul>
			</div>
			<a href=""><img src="images/首页_17.jpg" id="img5" /></a>
		</div>
		
		<div id="box5" >
			
		<img src="images/9999.jpg"/>
		
		
		
		
		<!--免费注册-->
		<div id="box1">
			<div id="div1">
				<p id="p1">免费注册</p>
					<p id="p2">REGISTER</p>
						<p id="p3"><a href="登录页.html">会员登录</a></p>
				
			</div>
			<div id="div2">
				
				<p id="p4">手机号:</p><input type="text" placeholder="11位数字"name="username" id="username" /><span id="span5"></span><br>
				
				
<p id="p5">密码：</p><input type="password" placeholder="6-20位必须包含字母数字" name="pw" id="pw"/><shan id="span8"></shan><br>   


<p id="p6">确认密码：</p><input type="password" placeholder="2次密码必须一致" name="pw2" id="pw2" /><span id="span9"></span><br>


<input type="checkbox" id="input6" />
<p id="p7">我已阅读并同意《戴欧妮珠宝服务项目》</p>



<input type="submit" value="会员注册" id="btn5"/>

					<p id="p8"><a href="">使用第三方账号登录</a></p>
			</div>
			<div id="div3">
				<a href=""><img src="images/images/888_08.jpg" id="m1"/></a>
				<a href=""><img src="images/images/888_03.jpg" id="m2"/></a>
				<a href=""><img src="images/images/888_05.jpg" id="m3"/></a>
				
			</div>
					
		</div>
		</div>
		
		
		
		<!--尾部-->
		
		<div id="foot">
				<a href=""><img src="images/pic/images/免费注册_03.jpg"/></a>
			
		</div>
		
		<div id="non">
		<div id="foot1">
					<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_07.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
				<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_18.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
			
			<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_09.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
			
			<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_11.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
			
			<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_13.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
			
			<div id="main">
					<ul>
				<a href=""><img src="images/pic/images/免费注册_15.jpg" id="pic_1"/></a>
						
						<li><a href="">购买支付</a></li>
						<li><a href="">新手教程</a></li>
						<li><a href="">订购教程</a></li>
						<li><a href="">支付常见问题</a></li>
					</ul>
			</div>
		</div>
	</div>
						<div id="big3">
				<div id="foot3">
					<ul id="ul_1">
						<li>体验中心地址：新疆乌鲁木齐市北京南路566号小西沟京华杰座711室 联系电话：0991-3671906 联系人：崔先忠</li>
						<li>Copyright @2007-2014深圳戴欧妮网络科技有限公司&nbsp;&nbsp;ALL Rights Reserved 经营许可证编号：粤B-20080371 粤ICP备11058956号-1</li>
						
					</ul>
					
					
					<ul id="ul_2">
						<li>全球24小时服务热线</li>
						<li>4006-578-478</li>
					</ul>
					
					
				</div>
				
				</div>
			<div id="foot4">
				<a href=""><img src="images/pic/images/images/免费注册_03.jpg"/></a>
				
			</div>	
				
			
				
	</body>
</html>
		<script src="../api/ajax.js"></script>
		<script src="js/cookie.js"></script>
	 	<script>
			var btn5=document.querySelector("#btn5")
	 btn5.onclick= function(){
			var arr=[];
			if( username.value.length < 11 ){
				alert("请输入有效的手机号");
				username.focus();
				return false;
			}else{
				span5.className="suc"
					var bb=setCookie("bb",username.value,7)
					console.log(bb)
			}
			if( pw.value != pw2.value || pw.value.length<6 || pw.value.length>12 ){
				alert("密码必须一致或密码长度不合法");
				pw2.focus();
				return false;
			}else{
				span8.className="suc"
				var mm=setCookie("mm",pw.value,7)
			}
				if(span5.className=="suc"&&span8.className=="suc"){
					alert("注册成功")
				window.open("登录页.html")
			}
		}
	</script>
	
	<!-- <script>
		 $("#btn5").click(function(){
						var username=input1.value;
						var password=input2.value;
						
						$.get("http://jx.xuzhixiang.top/ap/api/reg.php?username=${username}&password=${password}",function(data){
							
									console.log(data)
									
									var obj=JSON.parse(data);
									console.log(obj);
									if(obj.code){
										alert("注册成功")
										
									}else{
										alert("注册失败，已存在该用户")
									}
						})
						
		})
	</script> -->
		
		

	
	
	
	

		